<template>
    <div class="select-box">
      <a-space>
        <a-select v-model:value="result" popupClassName="custom-select" style="width: 100px;" placeholder="全部类型"  >
          <a-select-option value="全部类型">全部类型</a-select-option>
          <a-select-option value="阈值类">阈值类</a-select-option>
          <a-select-option value="离线类">离线类</a-select-option>
          <a-select-option value="故障类">故障类</a-select-option>
        </a-select>
      </a-space>
      <a-input-search
        placeholder="搜索事件"
        style="width: 200px"
        v-model:value="search"
      />
    </div>
  </template>
  <script setup>
  import './select.scss'
  import {ref,watchEffect} from 'vue'
  const emit = defineEmits(['changetype','changepos'])
  const result = ref('全部类型')

  watchEffect(()=>{
    emit("changetype",result.value);
  }) 
  </script>
  